<template>
	<view class="page page-fill">
		<u-navbar :is-back="true" :title="title" title-color="white" :background="background"></u-navbar>
		<view class="page-block info-list">
			<view class="item-wapper face-line-upbottom" >
				<view class="info-words">头像</view>
				
				<view class="right-wapper">
					<image src="../../static/default_head.png" class="face"></image>
					<view class="arrow-block">
						<image src="../../static/left-gray-arrow.png" class="arrow-ico"></image>
					</view>
				</view>		
			</view>		
			<view class="line-top">
				<view class="line"></view>
			</view>
			
			<!-- 昵称 -->
			<view class="item-wapper">
				<view class="info-words">昵称</view>
				
				<view class="right-wapper">
					<view class="gray-fields">
						失物招领
					</view>
					<view class="arrow-block">
						<image src="../../static/left-gray-arrow.png" class="arrow-ico"></image>
					</view>
				</view>
			</view>
			
			<view class="line-top">
				<view class="line"></view>
			</view>
			
			<!-- 生日 -->
			<view class="item-wapper">
				<view class="info-words">生日</view>
				
				<view class="right-wapper">
					<view class="gray-fields">
						2000-1-1
					</view>
					<view class="arrow-block">
						<image src="../../static/left-gray-arrow.png" class="arrow-ico"></image>
					</view>
				</view>
			</view>
			
			<view class="line-top">
				<view class="line"></view>
			</view>
			
			<!-- 性别 -->
			<view class="item-wapper" >
				<view class="info-words">性别</view>
				
				<view class="right-wapper">
					<view class="gray-fields">					
							男						
					</view>
					<view class="arrow-block">
						<image src="../../static/left-gray-arrow.png" class="arrow-ico"></image>
					</view>
				</view>
			</view>						
		</view>
				
		<view class="footer-wapper">
			<view class="footer-words" >
				清理缓存
			</view>
			<view class="footer-words" style="margin-top: 10upx;" >
				退出登录
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title:"个人信息",
				background:{
					backgroundImage:'linear-gradient(to top, #ffd655 0%, #fda085 100%)',
				},
			}
		},
		onLoad() {
			
		},
		methods: {
			
		}
	}
</script>
 
<style>
	@import url("mineinfo.css");
</style>
